@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img { display:block;}
body { width:100%; font-family:"微软雅黑";}

.TotalBanner { width:100%; position:relative;}
.TotalBanner img { width:100%;}
.TotalBanner p { position:absolute; z-index:2; left:32%; top:45%; font-size:32px; font-weight:bold; color:#fff; -moz-animation:show 2s; -ms-animation:show 2s; -o-animation:show 2s; -webkit-animation:show 2s;}
 @-webkit-keyframes show {
	0% { -moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0); opacity:0;}
	50% { -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5); opacity:0.5;}
	100% { -moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); opacity:1;}
 }
 @-moz-keyframes show {
	0% { -moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0); opacity:0;}
	50% { -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5); opacity:0.5;}
	100% { -moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); opacity:1;}
 }
 @-o-keyframes show {
	0% { -moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0); opacity:0;}
	50% { -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5); opacity:0.5;}
	100% { -moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); opacity:1;}
 }
 @-ms-keyframes show {
	0% { -moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);-webkit-transform:scale(0); opacity:0;}
	50% { -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); -webkit-transform:scale(1.5); opacity:0.5;}
	100% { -moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); opacity:1;}
 }
 .pull-right{width:1052px}
/*detail */
 .projectTotal { width:60%; margin:30px auto 100px; position:relative;}

 .detail { width:100%; padding:20px 0;}
 .detailLeft { float:left; width:20%; margin:0 0 0 30px;}
 .detailLittleIcon01 { width:46px; height:60px; display:inline-block; background:url(/public/img/littleIcon.png) 0 0; margin:0 0 0 20px;}
 .detailLeft h4 { color:#b7c3ce; font-size:22px; font-weight:normal;}
 .detailRight { float:left; width:70%;}
 .detailRight p { color:#2c3e50; line-height:30px; font-size:16px;}
 #noLogin{margin: 0 auto;}

/* specialService*/
 .specialService { width:100%; padding:20px 0;  background:#f5f5f5;}
 .specialServiceLeft { float:left; width:20%; margin:0 0 0 30px;}
 .detailLittleIcon02 {  width:46px; height:60px; display:inline-block; background:url(/public/img/littleIcon.png) 0 -61px; margin:0 0 0 20px;}
 .specialServiceLeft h4 { color:#b7c3ce; font-size:22px; font-weight:normal;}
 .specialServiceRight {float:left; width:70%; position:relative;}
 .specialFour { width:100%;}
 .specialFour li{ float:left; width:45%; color:#2c3e50; margin:0 0 10px 0;}
 .specialFour li .Mannege { float:left; background:url(/public/img/specialIcon.png) 0 0; width:30px; height:30px; display:inline-block;}
 .specialFour li span { float:left; line-height:30px; margin:0 0 0 10px;}
 .specialFour li .cook { float:left; background:url(/public/img/specialIcon.png) 0 -30px; width:30px; height:30px; display:inline-block;}
 .specialFour li .send { float:left; background:url(/public/img/specialIcon.png) 0 -60px; width:30px; height:30px; display:inline-block;}
 .specialFour li .wash { float:left; background:url(/public/img/specialIcon.png) 0 -90px; width:30px; height:30px; display:inline-block;}

 .more { color:#0ea49e; text-decoration:none; position:absolute; right:15%; bottom:0;}

 .specialMore { width:100%;}
 .specialMore li {float:left; width:45%; color:#2c3e50; margin:0 0 10px 0;}
 .specialMore li  .moreIcon { float:left; background:url(/public/img/specialIconMore.png); width:30px; height:30px; display:inline-block; }
 .specialMore li span {  float:left; line-height:30px; margin:0 0 0 10px;}

/*devide*/
#dec6 { width:100%; padding:20px 0;   background:#f5f5f5;}
 .detailLittleIcon03 {  width:46px; height:60px; display:inline-block; background:url(/public/img/littleIcon.png) 0 -183px; margin:0 0 0 20px;}
 #dec6 h4 { color:#b7c3ce; font-size:22px; font-weight:normal;}
 #dec6 .changeTab { width:100%; height:40px;}
 #dec6 .changeTab li{ width:23%;line-height:40px; float:left; text-align:center; margin:2px;}
 #dec6 .changeTab li a{ text-decoration:none; color:#2c3e50;}
 #dec6 .changeTab .TimeCurrent { background:#0ea49e; color:#fff;}
 #dec6 .changeTab .TimeCurrent a{color:#fff;}

 #dec6 .devideText01 { display:none; width:100%; margin:15px 0 0 0; padding:0 10px; box-sizing:border-box;}
 #dec6 .devideText01 span { line-height:28px;}
 #dec6 .TextCurrent { display:block;}

/*ProjectPrice*/
 #dec7 { width:100%;padding:20px 0;  background:#f5f5f5;}
 #dec7 .detailLittleIcon04 {  width:46px; height:60px; display:inline-block; background:url(/public/img/littleIcon.png) 0 -122px; margin:0 0 0 20px;}
 #dec7 h4 { color:#b7c3ce; font-size:22px; font-weight:normal;}
 #dec7 ul li {border-bottom: 1px solid #ccc; width:48%; color:#2c3e50; float:left;  margin:0 0 10px 10px; text-align:center; line-height:28px;}

/*ProjectPicture*/
 .ProjectPicture {  width:100%; padding:20px 0;}
 .ProjectPictureLeft {float:left; width:20%; margin:0 0 0 30px; }
 .detailLittleIcon05 {  width:46px; height:60px; display:inline-block; background:url(/public/img/littleIcon.png) 0 -254px; margin:0 0 0 20px;}
 .ProjectPictureLeft h4 { color:#b7c3ce; font-size:22px; font-weight:normal;}
 .ProjectPictureRight {  float:left; width:70%; margin:20px 0 0 0;}
 .ProjectPictureRight img{ float:left; margin:10px 0 0 10px;}
 .ProjectPictureRight .fiftyDevide{ width:46%;}
 .ProjectPictureRight .thirtyDevide{ width:30%;}

 .PriceAll { position:absolute; left:73%; bottom: -50px;font-size: 22px; }
 .buy { width:160px; position:absolute; left:80%; bottom:-100px; margin:0 0 0 -80px; height:40px; color:#fff; font-size:20px; background:#099; border:none; cursor:pointer;}

